<template>
  <div class="container">

    <Scalendar />
    <Radio />
    <!-- <Add v-model="visible" /> -->
  </div>

</template>

<script>
import Scalendar from '@/views/components/scalendar'
import Radio from '@/views/components/radio.vue'
// import Add from '@/views/my/components/add'
export default {
  data () {
    return {
      value: '',
      expandIconPosition: 'right',
      visible: false
    }
  },
  components: {
    Scalendar,
    Radio
  },
  methods: {
    onSearch (value) {
      console.log(value)
    },
    onChange () {

    },
    showAdd () {
      this.visible = !this.visible
    }
  }
}
</script>

<style lang="scss" scoped>
.container {
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: left;

}
</style>
